
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>用户表单注册</title>
		<meta name="viewport" content="width=device-width, initial-scale=1">
	</head>
	<body>
		<form action=""  method="post" >
			<fieldset>
				<legend>用户注册信息是</legend>
				<div class="form-group">
					<label for="name">姓名:</label>
					<input id="name" name="name" type="text" />
				</div>
				<div class="form-group">
					<label for="username">用户名:</label>
					<input id="username" name="username" type="text" />
				</div>
				<div class="form-group">
					<label for="password">密码:</label>
					<input id="password" name="password" type="password" />
				</div>
				<div class="form-group">
					<label for="repassword">确认密码:</label>
					<input id="repassword" name="repassword" type="password" />
				</div>
				<div class="form-group">
					<label for="email">邮箱:</label>
					<input id="email" name="email" type="text" />
				</div>
				<div class="form-group">
					<label for="female">性别:</label>
					<input id="female" name="sex" type="radio" checked="checked" />女
					<input id="male" name="sex" type="radio" />男
				</div>
				<div class="form-group">
					<label for="image">头像:</label>
					<input id="image" name="image" type="file" />
				</div>
				<div class="form-group">
					<label for="sport">爱好:</label>
					<input id="sport" name="sport" type="checkbox" checked="checked" />运动
					<input id="reading" name="sport" type="checkbox"  />阅读
					<input id="travling" name="sport" type="checkbox"  />旅游
				</div>
				<div class="form-group">
					<label for="year">出生日期:</label>
					<select id="year">						
						<option value="1990">1990</option>
						<option value="1991">1991</option>
						<option value="1992">1992</option>
						<option value="1993">1993</option>
					</select>年
					<select id="month">					
						<option value="01">01</option>
						<option value="02">02</option>
						<option value="03">03</option>
						<option value="04">04</option>
					</select>月
					<select id="day">					
						<option value="01">01</option>
						<option value="02">02</option>
						<option value="03">03</option>
						<option value="04">04</option>
					</select>日
				</div>
				<div class="form-group">
					<label for="agreemet">注册协议:</label>
					<textarea id="agreement" name="agreement" rows="10" cols="30">请遵守国家法律法规...</textarea>
				</div>
				<div class="form-group">
					<input id="btn-submit" name="image" type="submit" value="注册" />
					<input id="btn-reset" name="image" type="reset" value="重置" />	
				</div>
			</fieldset>
		</form>
	</body>
</html>